.flexb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.item {
  margin: 0 var(--global-list-margin) var(--global-list-margin);
  background: #FFF;
  -webkit-box-shadow: 0rpx 10rpx 40rpx 0rpx rgba(0, 8, 51, 0.03);
          box-shadow: 0rpx 10rpx 40rpx 0rpx rgba(0, 8, 51, 0.03);
  border-radius: 24rpx;
}
.item .orderInfo {
  position: relative;
  height: 278rpx;
  padding: 32rpx 24rpx;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.item .orderInfo .hd_pic {
  width: 160rpx;
  height: 200rpx;
  border-radius: 10rpx;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.item .orderInfo .hd_pic > image {
  width: 100%;
  height: 160rpx;
  border-radius: 10rpx 10rpx 0 0;
  position: relative;
  z-index: 1;
  -webkit-mask: -webkit-gradient(linear, center 76%, center 100%, from(rgb(0, 0, 0)), to(rgba(0, 0, 0, 0)));
}
.item .orderInfo .hd_pic.isFull > image{height: 100%;}
.item .orderInfo .hd_pic .imgMask {
  position: absolute;
  right: -20rpx;
  bottom: -20rpx;
  left: -20rpx;
  height: 100rpx;
  border-radius: 0 0 10rpx 10rpx;
  z-index: 0;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.item .orderInfo .hd_pic .imgMask image {
  border-radius: 0 0 10rpx 10rpx;
  -webkit-filter: blur(14rpx);
          filter: blur(14rpx);
  width: 100%;
  height: 160rpx;
}
.item .orderInfo .hd_info {
  padding-left: 24rpx;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  min-width: 0;
}
.item .orderInfo .hd_info .h4 {
  font-size: 32rpx;
  font-weight: bold;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 30rpx;
}
.item .orderInfo .hd_info .addr {
  font-size: 24rpx;
  color: #9A9AA0;
  margin-bottom: 14rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item .orderInfo .hd_info .addr text {
  /* font-size: 20rpx; */
  display: inline-block;
  width: 1rpx;
  height: 20rpx;
  background: #9A9AA0;
  margin: 0 6rpx;
  opacity: .5;
  vertical-align: middle;
}
.item .orderInfo .hd_info .date {
  font-size: 24rpx;
  color: #666;
}
.item .orderInfo .state {
  color: #F5573E;
  font-size: 26rpx;
  position: absolute;
  right: 35rpx;
  bottom: 38rpx;
}
.item .orderBtn {
  border-top: dashed 2px #E1E3ED;
  height: 140rpx;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 30rpx;
  position: relative;
}
.item .orderBtn::before, .item .orderBtn::after {
  content: "";
  display: block;
  width: 30rpx;
  height: 30rpx;
  border-radius: 50%;
  background: -webkit-gradient(linear, left top, right top, from(#F6F7F9), to(#F0F1F5));
  background: linear-gradient(90deg, #F6F7F9 0%, #F0F1F5 100%);
  position: absolute;
  left: -15rpx;
  top: -15rpx;
}
.item .orderBtn::after {
  left: auto;
  right: -15rpx;
  transform: rotate(180deg);
}
.item .orderBtn .btns {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.item .orderBtn .btn {
  min-width: 170rpx;
  height: 64rpx;
  border-radius: 32rpx;
  color: #fff;
  font-size: 26rpx;
  background: -webkit-gradient(linear, left top, right top, from(#00B377), to(#37CC93));
  background: linear-gradient(90deg, #00B377 0%, #37CC93 100%);
  margin-right: 16rpx;
}
.item .orderBtn .btn.tuik {
  background: none;
  border: solid 1rpx #E1E1E1;
  color: #333;
}
.item .orderBtn .showCode .icon {
  width: 32rpx;
  height: 32rpx;
  margin-right: 10rpx;
}
.item .orderBtn .showCode .icon image {
  width: 100%;
  height: 100%;
}
.item .orderBtn .right_ticket {
  min-width: 0;
  align-items: baseline;
}
.item .orderBtn .ticket_info {
  color: #04B579;
  font-size: 26rpx;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.item .orderBtn .ticket_price {
  font-weight: bold;
  color: #000;
  font-size: 22rpx;
  margin-left: 10rpx;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}


.item .orderBtn .ticket_price {
  font-size: 22rpx;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
}
.item .orderBtn .ticket_price .b {
  font-family: coregtd6;
  font-size: 40rpx;
}
.item .orderBtn .ticket_price .b text {
  font-size: 26rpx;
}
.item .orderBtn .state {
  color: #F5573E;
  font-size: 26rpx;
}